html,
body {
  height: 100%;
}
.head_top {
  .w {
    width: 960px;
    margin: 0 auto;
    .logo {
      float: left;
      a {
        display: block;
      }
    }
    .r {
      float: right;
      margin-top: 34px;
      a {
        display: inline-block;
        margin-right: 24px;
      }
      .real {
        width: 110px;
        height: 31px;
        background-position: -6px 0;
        background: url(../img/header_corn_new_v2.png) no-repeat;
      }
      .you {
        width: 170px;
        height: 31px;
        background: url(../img/gild.png) no-repeat;
        background-position: 0 0;
      }
      .dian {
        width: 110px;
        height: 31px;
        background: url(../img/header_corn_new_v2.png) no-repeat;
        background-position: 0px -64px;
      }
    }
  }
}
.head_center {
  min-height: 500px;
  .w {
    width: 965px;
    min-height: 400px;
    margin: 120px auto;
    background: url(../img/signPic.jpg) no-repeat;
    position: relative;
    .reg {
      width: 356px;
      height: 447px;
      box-sizing: border-box;
      position: absolute;
      right: 0;
      top: -84px;
      z-index: 8;
      padding: 0 23px;
      background: rgba(255, 255, 255, 0.85);
      box-shadow: 0 0 4px 1px rgba(250, 241, 241, 0.8);
      border: 1px solid #f1f0f0;
      .shadow_l,
      .shadow_r {
        width: 8px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 9;
        background: url(../img/shadow.png) no-repeat;
        background-position: 0 0;
      }
      .shadow_l {
        left: -8px;
      }
      .shadow_r {
        right: 0px;
      }
      h2 {
        font-size: 20px;
        color: #e31256;
        font-weight: bold;
        line-height: 60px;
        height: 60px;
        margin-bottom: 15px;
        p {
          width: fit-content;
          font-size: 12px;
          color: #969696;
          float: right;
          font-weight: normal;
          a {
            color: #e31256;
          }
        }
      }
      form {
        p {
          height: 43px;
          margin-bottom: 28px;
          position: relative;
          input {
            width: 302px;
            height: 43px;
            padding: 0;
            border: none;
            box-sizing: border-box;
            border: 1px solid #cfcfcf;
            padding: 10px 8px;
          }
          // input[type="text"]:focus,
          // input[type="password"]:focus {
          //   box-shadow: 0 0 4px 1px rgba(32, 157, 230, 40%);
          //   border-color: #a5d4ed;
          // }
          .message {
            width: 150px;
            margin-right: 20px;
          }
          .getmsg {
            width: 130px;
            padding: 0;
            border: 0;
            height: 43px;
            text-align: center;
            line-height: 43px;
            background-color: #f5f2f2;
            box-sizing: border-box;
            font-size: 12px;
            border: 1px solid #d9d9d9;
          }
          input[type="button"] {
            width: 310px;
            background: #f8296d;
            color: #fff;
            font-weight: bold;
          }
          span {
            position: absolute;
            font-size: 12px;
            left: 0;
            top: 48px;
          }
          &:last-child {
            margin-bottom: 0;
          }
          i {
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            right: 10px;
            top: 10px;
            background: url(../img/sign.png) no-repeat;
            background-position: 0 -125px;
            display: none;
          }
        }
      }
      > p {
        font-size: 12px;
        line-height: 30px;
        a {
          color: #e31256;
        }
        .yh {
          margin-right: 40px;
        }
      }
    }
  }
}
